<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='首页')" /><!-- 
<link th:href="@{css/home/style.css}" rel="stylesheet"></link>
 --><link th:href="@{css/home/home.css}" rel="stylesheet"></link>
<link th:href="@{css/home/jquery.dad.css}" rel="stylesheet"></link>
<style>
.wrap { width:100%; height: 220px; margin: 0 auto; font-family: arial,SimSun;}
.jq22 { float: left;    width: 60%;}
.jq22 .item { display: inline-block; width: 100px; height: 50px;}
.drag { float: left;}
.drag .item { display: inline-block; width: 100px; height: 50px;margin: 10px;}
.jq22 span {  display: block;height: 50px;line-height: 50px;font-size: 12px;text-align: center; color: #fff;background: #22b7b5;border-radius: 5px;box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24);}
.btns { width: 1000px; margin-left: auto; margin-right: auto;}
.dropzone { height: 331px; margin: 0 0 0 66%;width:30%;position:fixed; border:1px solid #ccc;}
.dropzone span { display: inline-block; width: 100px; height: 50px; margin: 10px 0 0 10px; line-height: 50px; font-size: 12px; text-align: center; color: #fff; background-color: #65CEA7;    border-radius: 5px;box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24);}
.jq20 { float: left;width: 65%;}
.jq20 .item { display: inline-block; width: 200px;margin: 10px;float:left;}
.jq20 span {  display: block;height: 200px;line-height: 200px;font-size: 12px;text-align: center; color: #fff;background: #22b7b5;border-radius: 15px;} 
.deletedrop { height: 331px; margin: 0 0 0 66%;width:30%;position:fixed; border:1px solid #ccc;}
.deletedrop span { display: inline-block; width: 100px; height: 50px; margin: 10px 0 0 10px; line-height: 50px; font-size: 12px; text-align: center; color: #fff; background-color: #65CEA7;float:left;}
.deletedrop span i{font-size: 10px;}
.deletedrop span a{font-size: 12px;}
.cha{
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute; 
	right:8px;
	top:8px;
}
.cha::before,
.cha::after{
  content: "";
  position: absolute;  /*方便进行定位*/
  height: 20px;
  width: 1.5px;
  top: 2px;
  right: 9px;  /*设置top和right使图像在20*20框中居中*/
 background: #fff;
}
.cha::before{
  transform: rotate(45deg);  /*进行旋转*/
}
.cha::after{
  transform: rotate(-45deg);
}
</style>
<body>
	<div class="main-content blank_bg" style="overflow: hidden;">
		<div class="row">
			<!-- <div class="divClassLeft">
				<a  class="activeA" pk="1"><span>操作流程</span></a> 
				<a pk="2">生产调度</a> 
				<a pk="3">完工报工</a> 
				<a pk="4">申请出货</a> 
				<a pk="5">质量检验</a>
			</div> -->
			<div class="divClassRight">
			    
				<div id="tab1" >
				   <div class="demo">
						<div class="tab" role="tabpanel" id="Section1">
							<!-- //Nav tabs -->
							<ul class="nav nav-tabs" role="tablist">
								<li role="presentation" class="active" id="section1"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-user"></i>我的工作台</a></li>
								<li role="presentation" ><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-envelope"></i>卡片添加</a></li>
								<li role="presentation" id="section4"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-cube"></i>工作台整理</a></li>
							</ul>
							<!-- Tab panes -->
							<div class="tab-bd" style="display: block;">
							   <div  style="background:#fff;">
			                        <div class="tab-content">
			                            <div id="home" class="tab-pane active" role = "tabpanel">
			                                <div class="row" id="sum_box" style="position: relative;height:600px;">
								            </div>
			                            </div>
			                        </div>
					            </div>
							</div>
							<div class="tab-bd">
							  <div class="wrap">
								<div class="jq22" style="padding-left: 20px;">
								   <div class="drag"> 
								   </div>
								</div>
								<div class="dropzone">
								  <button id="reset" class="btn btn-default " type="button" style="top: 300px;position: absolute;width:49%;    background: #65CEA7;color: #fff;">重置</button>
								  <button id="saves" class="btn btn-default " type="button" style="top: 300px;position: absolute;right:5px;width:49%;    background: #65CEA7;color: #fff;">保存</button>
								  <i style="display: inline-block; position: absolute;top: 50%;left: 34%;width: 200px;height: 100px;font-style: normal;color: #65CEA7;z-index: -1;opacity: 0.3;font-size: 40px;">我的工作台</i>
								</div>
							 </div>
							</div>
							<!-- <div class="tab-bd">
								<div class="wrap1">
									<div class="jq20">
									</div>
									<div class="deletedrop">
									 <button id="savess" class="btn btn-default " type="button" style="top: 300px;position: absolute;width:98%;">保存</button>
									 <i style="display: inline-block; position: absolute;top: 50%;left: 40%;width: 200px;height: 100px;font-style: normal;color: #65CEA7;z-index: -1;opacity: 0.3;font-size: 40px;">回收站</i>
									 </div>
								</div>
							</div> -->
							<div class="tab-bd">
					             <div class="row" id="drag_box" style="position: relative;height:600px;">
							      </div>
							</div>
							</div>
						</div>
				</div>	
				<div id="tab2" class="hd">
					<h3>一、拆分订单</h3>
					<p>（1）进入<b>&nbsp;生产调度管理--生产订单跟踪&nbsp;</b>页面，显示的是订单列表及任务信息列表。</p>
					<p>（2）点击要拆分订单所在行的<b>&nbsp;拆单&nbsp;</b>按钮，弹出拆单对话框。</p>
					<p>（3）输入必填项，点击<b>&nbsp;确定&nbsp;</b>按钮后拆单成功。对应的任务信息里就会多条任务信息。</p>
					<p class="redcolor">注意：点击订单后，才能查看对应的任务信息。</p>
					<!-- <p>（4）注意：点击订单后，才能查看对应的任务信息</p> -->
					<h3>二、新增/删除工艺线路</h3>
					<p>（1）进入<b>&nbsp;生产调度管理--派工中心&nbsp;</b>页面，显示的是任务列表、当前产品工艺路线及产品的标准工艺路线。</p>
					<p>（2）点击<b>&nbsp;新增工艺&nbsp;</b>按钮，会在产品工艺路线列表最下方出现一条空记录。</p>
					<p>（3）输入要新增的工艺线路信息，点击<b>&nbsp;保存工艺&nbsp;</b>按钮后新增工艺线路成功。</p>
					<p>（4）点击要删除工艺线路所在行的<b>&nbsp;删除&nbsp;</b>按钮，在点击<b>&nbsp;保存工艺&nbsp;</b>按钮后删除工艺线路成功。</p>
					<p class="redcolor">注意：点击任务后，才能查看当前产品工艺路线、产品的标准工艺路线及新增/删除/保存工艺。</p>
					<!-- <p>（5）注意：点击任务后，才能查看当前产品工艺路线、产品的标准工艺路线及新增/删除/保存工艺</p> -->
					<h3>三、领料（派工）及打印领料单、首道工序流转卡</h3>
					<p>（1）在<b>&nbsp;生产调度管理--派工中心&nbsp;</b>页面，显示的是任务列表、当前产品工艺路线及产品的标准工艺路线。</p>
					<p>（2）点击要领料所在行的<b>&nbsp;领料&nbsp;</b>按钮，弹出领料对话框。</p>
					<p>（3）输入必填项，点击<b>&nbsp;确定&nbsp;</b>按钮后领料成功，弹出打印对话框。</p>
					<p>（4）点击<b>&nbsp;打印领料单&nbsp;</b>按钮后即可打印出领料单。</p>
					<p>（5）点击<b>&nbsp;打印流转卡&nbsp;</b>按钮后即可打印出首道工序的流转卡。</p>
					<p class="redcolor">注意：点击任务后，才能查看当前产品工艺路线及产品的标准工艺路线。</p>
					<!-- <p>（6）注意：点击任务后，才能查看当前产品工艺路线及产品的标准工艺路线</p> -->
					<h3>四、任务操作</h3>
					<p>（1）在<b>&nbsp;生产调度管理--任务操作&nbsp;</b>页面，显示的是任务列表、当前产品工艺路线信息。</p>
					<!-- <p>（2）点击要所在行的<b>&nbsp;领料&nbsp;</b>按钮，弹出领料对话框。</p>
					<p>（3）输入必填项，点击<b>&nbsp;确定&nbsp;</b>按钮后领料成功，弹出打印对话框。</p>
					<p>（4）点击<b>&nbsp;打印领料单&nbsp;</b>按钮后即可打印出领料单。</p>
					<p>（5）点击<b>&nbsp;打印流转卡&nbsp;</b>按钮后即可打印出首道工序的流转卡。</p> -->
					<p class="redcolor">注意：点击任务后，才能查看当前产品工艺路线。</p>
					<h3>五、任务跟踪</h3>
					<p>（1）在<b>&nbsp;生产调度管理--任务跟踪&nbsp;</b>页面中，显示的是任务列表、当前产品工艺路线信息及各工序的详细信息。</p>
					<!-- <p>（2）点击要所在行的<b>&nbsp;领料&nbsp;</b>按钮，弹出领料对话框。</p>
					<p>（3）输入必填项，点击<b>&nbsp;确定&nbsp;</b>按钮后领料成功，弹出打印对话框。</p>
					<p>（4）点击<b>&nbsp;打印领料单&nbsp;</b>按钮后即可打印出领料单。</p>
					<p>（5）点击<b>&nbsp;打印流转卡&nbsp;</b>按钮后即可打印出首道工序的流转卡。</p> -->
					<p class="redcolor">注意：点击任务后，才能查看当前产品工艺路线。点击工序后，才能查看工序的报工信息。</p>
				</div>
				<div id="tab3" class="hd">
					<h3>一、完工报工</h3>
					<p>（1）在<b>&nbsp;车间操作--完工报工&nbsp;</b>中，左边部分是系统自动获取的，右边部分是扫入或手工输入的。</p>
					<p>（2）扫入物料识别卡，系统会自动获取生产任务单、产品名称、产品编号、规格型号、工序号、工序名称、可报数量。</p>
					<p>（3）输入操作工卡号，系统会自动获取员工姓名。</p>
					<p>（4）输入良品和不良品，点提交按钮，即可完成此次报工。</p>
					<p class="redcolor">注意：良品数按回车后，才能点击提交按钮</p>
					<h3>二、质量检验</h3>
					<p>（1）在<b>&nbsp;车间操作--质量检验&nbsp;</b>中，左边部分是系统自动获取的，右边部分是扫入或手工输入的。</p>
					<p>（2）扫入物料识别卡，系统会自动获取生产任务单、产品名称、产品编号、规格型号、工序号、工序名称、操作工、报工数。</p>
					<p>（3）输入质检员卡号，系统会自动获取质检员姓名。</p>
					<p class="redcolor">注意：质检员卡号按回车后，才能点击提交按钮。</p>
				</div>
		</div>
	</div>
</body>
<div th:include="base :: bottom" />
<div th:include="base :: bootstrapTable" />
<div th:include="base :: ztree" />
<div th:include="base :: others" />
<div th:include="base :: plugIn" />
<div th:include="base :: indexPublic" />
<script th:src="@{plugins/common/js/wangEditor.min.js}"></script>
<script th:src="@{js/jquery.dad.min.js}"></script> 
<script th:src="@{js/Tdrag.js}"></script> 
<script th:src="@{js/home/home.js}"></script>
</html>